<template>
  <div class="index">
    <Top class="top"></Top>
    <Main class="main"></Main>
  </div>
</template>

<script>
import Top from "./Top/index.vue"; // 头部组件
import Main from "./Main/index.vue"; // 主体组件
export default {
  components: {
    Top,
    Main
  }
};
</script>

<style lang="scss" scoped>
.index {
  height: 100%;
  color: #ffffff;

  // 头部
  .top {
    width: 100%;
    height: 6%;
  }
}
</style>